<!DOCTYPE HTML>
<html>
<head>
<title>房屋详情</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <link href="/static/css/style.css" rel="stylesheet" type="text/css" media="all" />
    <script src="/static/js/jquery-3.2.1.min.js"></script>
    <link href="/static/css/animate.min.css" rel="stylesheet">
    <script src="/static/js/wow.min.js"></script>
    <script>
        new WOW().init();
    </script>
    <link href='/static/css/Alex.css' rel='stylesheet' type='text/css'>
    <link href='/static/css/Cabin.css' rel='stylesheet' type='text/css'>
</head>

<body>
<div class="header">
    <div class="container">
        <nav class="navbar navbar-default">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div class="logo">
                    <a class="navbar-brand" href="/front/index">RentApartment.TangSheng</a>
                </div>
            </div>
            <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
                <nav class="cl-effect-13" id="cl-effect-13">
                    <ul class="nav navbar-nav">
                        <li><a href="/front/index" target="_blank">首页</a></li>
                        <li><a href="/front/myCenter" target="_blank">个人管理中心</a></li>
                        <li><a href="/front/logout2" target="_blank">退出</a></li>
                    </ul>
                </nav>
            </div>
        </nav>
    </div>
</div>
	<div class="single">
        <#if raHourseInfo??>
            <div class="container">
                <h1 class="animated fadeInLeftBig" data-wow-duration="1000ms" data-wow-delay="300ms">${raHourseInfo.houseInfoDetailEntity.houseName}</h1>
                <div class="single-left wow fadeInLeftBig" data-wow-duration="1000ms" data-wow-delay="300ms">
                    <p>
                        发布时间 : <span>${raHourseInfo.createTime}</span>
                        &nbsp;&nbsp;&nbsp;&nbsp;失效时间 : <span>${raHourseInfo.expireTime}</span>
                    </p>
                    <img src="${((raHourseInfo.houseInfoDetailEntity.photos.data)[0]).src}" alt=" " class="img-responsive" />
                </div>
                <div class="single-right wow fadeInRightBig" data-wow-duration="1000ms" data-wow-delay="300ms">
                    <h2>地址：${raHourseInfo.houseInfoDetailEntity.address}</h2>
                    <h2>联系方式：${raHourseInfo.phone}</h2>
                    <h2>月租：￥${raHourseInfo.houseInfoDetailEntity.price}</h2>
                    <h2>类型：
				<#if (raHourseInfo.houseInfoDetailEntity.type = 0)>
					整租
                <#else>
					合租
                </#if>
                    </h2>
                    <h2>类型：
				<#if (raHourseInfo.houseInfoDetailEntity.houseType = 0)>
					一房一厅
                <#elseif (raHourseInfo.houseInfoDetailEntity.houseType = 1)>
					两房一厅
                <#elseif (raHourseInfo.houseInfoDetailEntity.houseType = 2)>
					三房一厅
                <#elseif (raHourseInfo.houseInfoDetailEntity.houseType = 3)>
					单间
                <#else>
					其他
                </#if>
                    </h2>
                    <h2>装修：
				<#if (raHourseInfo.houseInfoDetailEntity.renovation = 0)>
					精装修
                <#elseif (raHourseInfo.houseInfoDetailEntity.renovation = 1)>
					简单装修
                <#else>
					毛坯
                </#if>
                    </h2>
                    <h3>
				<#list (raHourseInfo.houseInfoDetailEntity.metaData)?keys as key>
					<#if (key == 'waterRate')>
						<span style="margin-right: 2%;">水费:￥${raHourseInfo.houseInfoDetailEntity.metaData[key]}</span>
                    </#if>
					<#if (key == 'electricityFee')>
						<span style="margin-right: 2%;">电费:￥${raHourseInfo.houseInfoDetailEntity.metaData[key]}</span>
                    </#if>
					<#if (key == 'extralFee')>
						<span style="margin-right: 2%;">其他费用:￥${raHourseInfo.houseInfoDetailEntity.metaData[key]}</span>
                    </#if>
                </#list>
                    </h3><br>
                    <h3>
				<#list (raHourseInfo.houseInfoDetailEntity.metaData)?keys as key>
					<#if (key == 'additionalAttr')>
                        <#list raHourseInfo.houseInfoDetailEntity.metaData[key]?split(",") as item>
                            <#if (item == '0')><span>wifi,</span></#if>
                            <#if (item == '1')><span>宽带,</span></#if>
                            <#if (item == '2')><span>独立卫生间,</span></#if>
                            <#if (item == '3')><span>阳台,</span></#if>
                            <#if (item == '4')><span>空调,</span></#if>
                            <#if (item == '5')><span>冰箱,</span></#if>
                            <#if (item == '6')><span>家具齐全</span></#if>
                        </#list>
                    </#if>
                </#list>
                    </h3>
                </div>
                <div class="clearfix"> </div>
                <p class="tortor wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">详细说明：${raHourseInfo.houseInfoDetailEntity.txt}</p>
                <div class="tags-cate">
			<#list raHourseInfo.houseInfoDetailEntity.photos.data as photo>
				<div class="cat-grid wow flipInY" data-wow-duration="1000ms" data-wow-delay="300ms">
                    <img src="${photo.src}" style="height: 500px; width: 500px;">
                </div>
            </#list>
                    <div class="clearfix"> </div>
                </div>
            </div>
        <#else>
          <div class="container">
              <h1 class="animated fadeInLeftBig" data-wow-duration="1000ms" data-wow-delay="300ms">房子信息已被删除或无该房子信息</h1>
          </div>
        </#if>
	</div>
<div class="footer-bottom wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
    <div class="container">
        <p>Copyright &copy; 2018.Company name All rights 唐僧智能租房.租你想要</p>
    </div>
</div>
<script src="/static/bootstrap/js/bootstrap.js"></script>
</body>
</html>